<template>
  <div class="collect-list">
    <nav-bar title="我的收藏" />
    <div class="collect-container">
      <!-- 收藏列表内容将在这里 -->
      <empty-state v-if="collectList.length === 0" text="暂无收藏内容" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      collectList: []
    }
  },
  onLoad() {
    this.getCollectList()
  },
  methods: {
    getCollectList() {
      // 获取收藏列表数据
    }
  }
}
</script>

<style lang="scss" scoped>
.collect-list {
  min-height: 100vh;
  background-color: #f5f5f5;
  
  .collect-container {
    padding: 20rpx;
  }
}
</style> 